<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="description" content="">
		<meta name="author" content="">
		<title>城市管理</title>
		<link rel="stylesheet" href="../../../css/base.css" />
		<link rel="stylesheet" href="../../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="city.css">
		<!-- Bootstrap Core CSS -->
		<link href="../../../sbadmin/bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
		<!-- MetisMenu CSS -->
		<link href="../../../sbadmin/bower_components/metisMenu/dist/metisMenu.min.css" rel="stylesheet">
		<!-- DataTables CSS -->
		<link href="../../../sbadmin/bower_components/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.css" rel="stylesheet">
		<!-- Custom CSS -->
		<link href="../../../sbadmin/dist/css/sb-admin-2.css" rel="stylesheet">
		<!-- Custom Fonts -->
		<link href="../../../sbadmin/bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
	<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
	<![endif]-->
	</head>

	<body style="background:#fff;">
		<div class="container-fluid" style="background-color: #fff;">
			<div class="title">
				<span style="font-weight: bold;">城市管理</span>
				<span class="create">新建城市</span>
			</div>
			<div class="bars-box">
				<div class="export">
					<span class="exptxt fl">城市数：<label id="ctnum"></label></span>
					<!-- <span class="expbtn fr">导出列表</span>-->
				</div>
				<div class="panel-body" style="padding-top: 0 !important;">
					<div class="dataTable_wrapper" id="app">
						<table class="table table-striped table-bordered table-hover" id="dataTables-example">
							<thead>
								<tr>
									<th>城市</th>
									<th>英文</th>
									<th>图片</th>
									<th>操作</th>
								</tr>
							</thead>
							<tbody id="list-td">

							</tbody>
						</table>
					</div>
					<!-- /.table-responsive -->
				</div>
				<!--<div class="no-tit">
        <img class="no-pic" src="../../../img/error.jpg" />
        <p class="no-txt">没有符合筛选条件的记录</p>
      </div>-->
			</div>

			<div class="delbox">
				<img class="tips" src="../../../img/del.png" />
				<div class="qbtn">
					<p class="cancel">取消</p>
					<p class="yest">确定</p>
				</div>
			</div>
			<div class="bgc"></div>
			<!-- jQuery -->
			<script src="../../../sbadmin/bower_components/jquery/dist/jquery.min.js"></script>
			<!-- Bootstrap Core JavaScript -->
			<script src="../../../sbadmin/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
			<!-- Metis Menu Plugin JavaScript -->
			<script src="../../../sbadmin/bower_components/metisMenu/dist/metisMenu.min.js"></script>
			<!-- DataTables JavaScript -->
			<script src="../../../sbadmin/bower_components/datatables/media/js/jquery.dataTables.min.js"></script>
			<script src="../../../sbadmin/bower_components/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.min.js"></script>
			<!-- Custom Theme JavaScript -->
			<script src="../../..//sbadmin/dist/js/sb-admin-2.js"></script>
			<!-- Page-Level Demo Scripts - Tables - Use for reference -->
			<script src="../../../js/layer/layer.js"></script><br />
			<script src="../../../js/common.js"></script>
			<script type="text/javascript" src="../../../js/jquery-ui.min.js"></script>
			<script src="city.js"></script>
	</body>
	<script>
		//初始化列表
		getList();
	</script>

</html>